diff options
| author | Fuwn <[email protected]> | 2024-04-24 22:17:07 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-24 22:17:07 -0700 |
| commit | 9603f422cac3bea7044c2dfe969c215ec9897dfa (patch) | |
| tree | 01ef7acb95de8c6acf05176bb50badff2e4d4606 /src/routes/user/[user] | |
| parent | feat(list): setting to copy title (diff) | |
| download | due.moe-9603f422cac3bea7044c2dfe969c215ec9897dfa.tar.xz due.moe-9603f422cac3bea7044c2dfe969c215ec9897dfa.zip | |
fix(badges): awc badge tooltip
Diffstat (limited to 'src/routes/user/[user]')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 34 |
1 files changed, 13 insertions, 21 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index 5a616017..caf2019d 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -29,6 +29,7 @@ import { thumbnail } from '$lib/Utility/image.js'; import authorisedJson from '$lib/Data/Static/authorised.json'; import identity from '$stores/identity'; + import type { AWCBadgesGroup } from '$lib/Data/AWC.js'; export let data; @@ -68,19 +69,6 @@ type GroupedBadges = { [key: string]: IndexedBadge[] }; - interface AWCBadge { - link: string; - description: string; - image: string; - source: string; - designer: string; - } - - interface AWCBadgesGroup { - group: string; - badges: AWCBadge[]; - } - interface IndexedBadge extends Badge { index: number; } @@ -547,14 +535,18 @@ <p /> <div class="badges"> - {#each group.badges as badge} - <FallbackBadge - {badge} - source={cdn(thumbnail(badge.image))} - alternative={badge.description} - fallback={thumbnail(badge.image)} - hideOnError={preferences.hide_missing_badges} - /> + {#each group.badges as badge, index} + <div id={`badge-${index}`}> + <FallbackBadge + {badge} + source={cdn(thumbnail(badge.image))} + alternative={badge.description} + fallback={thumbnail(badge.image)} + hideOnError={preferences.hide_missing_badges} + awc + {index} + /> + </div> {/each} </div> </details> |